
.body {
    background: #FFFFFF;
  }
  .wrapper-contion{
      width: 100%;
      height: 100%;
  }
  
  .wrapper {
    width: 750px;
    height: 550px;
    background: url('https://oss.cloudcpc.com/a21e79d42b6a3901a360ff68ae93b2c5.png') no-repeat center;
    background-size: cover;
  
  }
  
  .wrapper-white {
    margin-top: -35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F3F6FF;
    border-radius: 40px 40px 0px 0px;
    padding: 65px 16px 40px 16px;
  }
  
  .top-Title {
    margin-bottom: 58px;
    font-size: 36px;
    font-weight: 500;
    color: #18202D;
    line-height: 34px;
  }
  
  .top-sub {
    margin-bottom: 41px;
    text-align: center;
    font-size: 28px;
    color: #888888;
    line-height: 46px;
  }
  
  .wrapper-white-image {
    width: 1200px;
    height: 780px;
    background: url('https://oss.cloudcpc.com/a3b5f786fbac34d28f8e1479f3d93f48.png');
    background-size: cover;
  }
  
  .scroll-view-item {
    display: inline-block;
  }
  
  .function-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F3F6FF;
    padding-top: 50px;
  }
  
  .function-sub {
    margin-bottom: 34px;
    width: 671px;
    font-size: 28px;
    color: #888888;
    line-height: 46px;
    text-align: center;
  }
  
  .function-img {
    margin-bottom: 160px;
    width: 532px;
    height: 405px;
    opacity: 0.8;
    -webkit-animation-name: scaleDraw;
    /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;
    /*动画播放的次数*/
    -webkit-animation-duration: 5s;
    /*动画所花费的时间*/
  }
  
  @keyframes scaleDraw {
  
    /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
      transform: scale(1);
      /*开始为原始大小*/
      opacity: 0.8;
    }
  
    25% {
      transform: scale(1.2);
      /*放大1.1倍*/
      opacity: 1;
    }
  
    50% {
      transform: scale(1);
      opacity: 0.8;
    }
  
    75% {
      transform: scale(1.2);
      opacity: 1;
    }
  }
  
  .function-img-round {
    position: absolute;
    top: 713px;
    left: 192px;
    width: 394px;
    height: 204px;
    transform: scale(1.2);
    -webkit-animation-name: scaleRound;
    /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;
    /*动画播放的次数*/
    -webkit-animation-duration: 5s;
    /*动画所花费*/
  }
  
  @keyframes scaleRound {
  
    /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
      transform: scale(1.2);
      /*开始为原始大小*/
      opacity: 1;
    }
  
    25% {
      transform: scale(1);
      /*放大1.1倍*/
      opacity: 0.8;
    }
  
    50% {
      transform: scale(1.2);
      opacity: 1;
    }
  
    75% {
      transform: scale(1);
      opacity: 0.8;
    }
  }
  
  
  .function-img-com1 {
    position: absolute;
    top: 481px;
    left: 241px;
    width: 304px;
    height: 347px;
  
  }
  
  .function-img-com2 {
    position: absolute;
    top: 479px;
    left: 151px;
    width: 322px;
    height: 285px;
  
  }
  
  .function-img-quan {
    z-index: 999;
    position: absolute;
    -webkit-animation: square 10s infinite;
    animation: square 10s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  
  @-webkit-keyframes square {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    100% {
      -webkit-transform: translateY(-100px) rotate(100deg);
      transform: translateY(-100px) rotate(100deg);
    }
  }
  
  @keyframes square {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  
    100% {
      -webkit-transform: translateY(-100px) rotate(100deg);
      transform: translateY(-100px) rotate(100deg);
    }
  }
  
  .production-wrapper {
    z-index: 999;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    padding-top: 50px;
  }
  
  .production-sub {
    margin-bottom: 56px;
    width: 688px;
    font-size: 28px;
    color: #888888;
    line-height: 46px;
    text-align: center;
  }
  
  .production-img {
    width: 750px;
    height: 490px;
    background: url('https://oss.cloudcpc.com/eab9223487633249ba1532fa6bfc104f.png') no-repeat center;
    background-size: cover;
  }
  
  
  .production-img-c {
    position: absolute;
    left: 125px;
    top: 327px;
    width: 500px;
    height: 395px;
  }
  
  .dispatch-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F3F6FF;
    padding-top: 50px;
  }
  
  .dispatch-sub {
    margin-bottom: 33px;
    width: 688px;
    font-size: 28px;
    color: #888888;
    line-height: 46px;
    text-align: center;
  }
  
  .dispatch-img {
    margin-bottom: 53px;
    width: 644px;
    height: 986px;
  }
  
  .flexibility-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 30px;
  }
  
  .flexibility-sub {
    margin-bottom: 49px;
    width: 688px;
    font-size: 28px;
    color: #888888;
    line-height: 46px;
    text-align: center;
  }
  
  .flexibility-image {
    width: 1207px;
    height: 690px;
    background: url('https://oss.cloudcpc.com/a4d7a203c8b436e1af1b34af33f41173.png');
    background-size: cover;
  }
  
  .flexibility-view-item {
    display: inline-block;
  }
  
  .module-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F3F6FF;
    padding: 50px 0;
  }
  
  .module-img-back{
    position:absolute;
    top: 457px;
    left: 157px;
    width: 436px;
    height: 202px;
    -webkit-animation-name: production;
    /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;
    /*动画播放的次数*/
    -webkit-animation-duration: 5s;
    /*动画所花费*/
  }
  
  @keyframes production {
    /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0% {
      transform: scale(1);
      /*开始为原始大小*/
      opacity: 1;
    }
    25% {
      transform: scale(1.2);
      /*放大1.1倍*/
      opacity: 0.4;
    }
    50% {
      transform: scale(1);
      opacity: 1;
    }
    75% {
      transform: scale(1.2);
      opacity: 0.4;
    }
  }
  
  .module-img {
    width: 750px;
    height: 440px;
  }
  
  .scheme-wrapper {
    padding-top: 49px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
  }
  
  .scheme-title {
    margin-bottom: 70px;
    width: 750px;
    text-align: center;
  }
  
  .scheme-white {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 75px;
    width: 686px;
    background: #FFFFFF;
    box-shadow: 0px 10px 40px 0px rgba(187, 203, 232, 0.53);
  }
  
  .scheme-white-img {
    margin-bottom: 76px;
    width: 686px;
    height: 200px;
  }
  
  .scheme-white-url {
    position: absolute;
    top: -25px;
    width: 240px;
    height: 250px;
  }
  
  .scheme-white-txt {
    margin-bottom: 46px;
    margin-left: auto;
    margin-right: auto;
    width: 622px;
    font-size: 24px;
    color: #888888;
    line-height: 46px;
  }
  
  .scheme-url {
    position: relative;
    margin-bottom: 83px;
    margin-left: 33px;
    margin-top: 20px;
    width: 717px;
    height: 160px;
    background: url('https://oss.cloudcpc.com/93768bbb424f3dfab9ceb46dc03ab6c2.png');
    background-size: cover;
  }
  
  .scheme-url-round1{
   position:absolute;
   top: -30px;
   left: 63px;
   width: 140px;
   height: 140px;
   animation:Updownround1 1s infinite alternate;
   -webkit-animation:Updownround1 1s alternate infinite;
  }
  
  
  @keyframes Updownround1{
   from{margin-top: 10px;}
   to{margin-top: 30px;}
  }
  
  @-webkit-keyframes Updownround1{
   from{margin-top: 10px;}
   to{margin-top: 30px;}
  } 
  
  .scheme-url-round2{
    position:absolute;
    top: 20px;
    left: 283px;
    width: 140px;
    height: 140px;
    animation:Updownround2 1s infinite alternate;
    -webkit-animation:Updownround2 1s alternate infinite;
  }
  
  
  @keyframes Updownround2{
    from{margin-top: 30px;}
    to{margin-top: 10px;}
  }
  
  @-webkit-keyframes Updownround2{
    from{margin-top: 30px;}
    to{margin-top: 10px;}
  } 
  
  .scheme-url-round3{
    position:absolute;
    top: -20px;
    left:503px;
    width: 140px;
    height: 140px;
    animation:Updownround3 1s infinite alternate;
    -webkit-animation:Updownround3 1s alternate infinite;
  }
  
  
  @keyframes Updownround3{
    from{margin-top: 10px;}
    to{margin-top: 30px;}
  }
  
  @-webkit-keyframes Updownround3{
    from{margin-top: 10px;}
    to{margin-top: 30px;}
  } 
  
  
  .scheme-url2 {
    position: relative;
    width: 750px;
    height: 162px;
    background: url('https://oss.cloudcpc.com/61241b10bc7735acb71e43bf2651e147.png');
    background-size: cover;
  }
  
  .scheme-url2-round1{
    position:absolute;
    top: -45px;
    left: 96px;
    width: 140px;
    height: 140px;
    animation:Updownround1 1s infinite alternate;
    -webkit-animation:Updownround1 1s alternate infinite;
   }
   
   
   @keyframes Updownround1{
    from{margin-top: 10px;}
    to{margin-top: 30px;}
   }
   
   @-webkit-keyframes Updownround1{
    from{margin-top: 10px;}
    to{margin-top: 30px;}
   } 
   
   .scheme-url2-round2{
     position:absolute;
     top: -15px;
     left: 316px;
     width: 140px;
     height: 140px;
     animation:Updownround2 1s infinite alternate;
     -webkit-animation:Updownround2 1s alternate infinite;
   }
   
   
   @keyframes Updownround2{
     from{margin-top: 30px;}
     to{margin-top: 10px;}
   }
   
   @-webkit-keyframes Updownround2{
     from{margin-top: 30px;}
     to{margin-top: 10px;}
   } 
   
   .scheme-url2-round3{
     position:absolute;
     top: -35px;
     left:536px;
     width: 140px;
     height: 140px;
     animation:Updownround3 1s infinite alternate;
     -webkit-animation:Updownround3 1s alternate infinite;
   }
   
   
   @keyframes Updownround3{
     from{margin-top: 10px;}
     to{margin-top: 30px;}
   }
   
   @-webkit-keyframes Updownround3{
     from{margin-top: 10px;}
     to{margin-top: 30px;}
   } 
   